<template>
    <div>
                    <DescriptionList :col="4">
                        <Description term="来院次数：">3</Description>
                        <Description term="消费金额：">3006</Description>
                        <Description term="病种：">白癜风</Description>
                        <Description term="诊疗评估：">住院</Description>
                        <Description term="风控类型：">领导介绍</Description>
                        <Description term="效果类型：">见效-10%</Description>
                        <Description term="奕远渠道：">微信</Description>
                        <Description term="住院次数:">2</Description>
                        <Description term="断诊次数：">3</Description>
                        <Description term="诊疗号：">1325683</Description>
                        <Description term="创建时间：">2020-06-01 17:01</Description>
                        </DescriptionList>
                        <DescriptionList :col="2">
                    <Description term="部位：">
                            <tag>头部</tag>
                            <tag>四肢</tag>
                        </Description>
                        <Description term="备注：">{{ value }}</Description>
                    </DescriptionList>
                    <DescriptionList :col="2">
                        <Description term="详细地址：">安徽省合肥市庐阳区</Description>
                    </DescriptionList>
                    <Divider></Divider>
                    <div class="sky-tit">用户足迹</div>
                     <Timeline>
                        <TimelineItem>
                            <p class="time">2019-10-21 11:59</p>
                            <p class="content">号码由【--】变更为【15956574518】</p>
                            <p class="consultant">
                                医助
                                <span class="c-inr">王语文</span> <Badge status="processing" text="编辑" />
                            </p>
                        </TimelineItem>
                        <TimelineItem>
                            <p class="time">2019-10-18 11:59</p>
                            <p class="content">问我普查名额怎么申请 想过来看看</p>
                            <p class="consultant">
                                客服
                                <span class="c-inr">王语文</span>
                                <Badge status="processing" text="继续回访" /><Badge status="warning" text="电话" />
                            </p>
                        </TimelineItem>
                        <TimelineItem>
                            <p class="time">2019-09-21 11:59</p>
                            <p class="content">问我普查名额怎么申请 想过来看看</p>
                            <p class="consultant">
                                客服
                                <span class="c-inr">王语文</span>
                                <Badge status="processing" text="继续回访" /><Badge status="warning" text="微信" />
                            </p>
                        </TimelineItem>
                    </Timeline>
                </div>
</template>
<script>
    import costRecord from '@/components/costRecord';
    export default {
        components: { costRecord },
        data () {
            return {
                value: '备注测试'
            }
        },
        methods: {
        }
    }
</script>
<style scoped>
.time {
    font-size: 14px;
    font-weight: bold;
}
.content {
    padding: 10px 0;
}
.consultant {
    color: #9ea7b4;
}
.c-inr {
    margin: 0 10px;
}
span {
    margin-left: 5px;
}
.sky-tit {
  font-size:14px;
  font-weight:bold;
  margin-bottom:24px;
}
</style>
